<!DOCTYPE html>
<html>
<head>
    
     <!-- 必须的 meta 标签 -->
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
    <title></title>
    <style>
        #container {
            background-color: #00000068;
            border-radius: 13px;
            text-align: center;
            margin: 0px auto;
            margin-top: 80px;
            width: 350px;
            height: 400px;
        }

        .kuang{
            text-align: center;
            margin-top: 100px;
            /* background-color: #00000068; */
            border-radius: 13px;
            text-align: center;
            margin: 0px auto;
            margin-top: 80px;
            /* width: 100%;
            height: 350px; */
        }
    </style>
</head>
<script type="text/javascript">
  function sub(){
    alert("登记成功")
    window.location.href = './user-select.html';
  }
</script>
<body>
         <!-- 新 Bootstrap 核心 CSS 文件 -->
         <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

         <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
         <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
         <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
         <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>


       <div class="container">
         <div class="row">
            <nav class="navbar navbar-inverse" role="navigation">
                <div class="container-fluid">
                  <div class="navbar-header">
                      <a class="navbar-brand" href="#">停车场寻车系统</a>
                  </div>
                  <div>
                      <ul class="nav navbar-nav">
                          <li ><a href="./userLogin.html">首页</a></li>
                          <li class="active"><a href="./inputMessage.html">车辆登记</a></li>
                          <li><a href="./user-select.html">查看车位</a></li>
                          <li><a href="./findCar.html">搜索车辆</a></li>
                          <li class="dropdown">
                              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                  相关链接 <b class="caret"></b>
                              </a>
                              <ul class="dropdown-menu">
                                  <li><a href="https://v3.bootcss.com/">bootstrap</a></li>
                                  <li><a href="https://baidu.com/">百度</a></li>
  
                              </ul>
                          </li>
                      </ul>
                  </div>
                </div>
              </nav>
          </div>
         <div class="container-fluid kuang">

            
              
            <div class="row">
                <div class="container col-md-12" align=center >
                    <h3 class="tabTitle" style="text-align: center;margin-bottom: 30px;">车辆登记</h3>
            
                    <form  method="post">
                        <table cellpadding="0" cellspacing="0" border="0" class="addTable" style="margin: 0 auto;">

                            <tr style="display: block;margin-bottom: 20px;margin-left: 70px;">
                                <td class="tdWidth">车辆录入：</td>
                                <td style="width:100px">
                                    <a href=" " class="fileStyle" title="请选择要上传的文件" style="">
                                        <input type="file"  class="file" size=1 onchange="document.getElementById('imgUrl').value=this.value" />
                                    </a>
                                </td>
                            </tr>

                            <tr style="display: block;margin-left: 70px;margin-bottom: 20px;">
                            	<td>选择车位：</td>
                            	<td>
                            		<div class="dropdown" >
					                    <button class="btn btn-default dropdown-toggle " type="button" data-toggle="dropdown" style="width:200px">
					                        请选择您的爱车停放的位置
					                        <span class="caret" ></span>
					                    </button>
					                    <ul class="dropdown-menu" style="width:200px">
					                        <li style="text-align: center;"><a href="#">车位A1</a></li>
					                        <li style="text-align: center;"><a href="#">车位A2</a></li>
					                        <li style="text-align: center;"><a href="#">车位A3</a></li>
					                        <li style="text-align: center;"><a href="#">车位A4</a></li>
					                        <li style="text-align: center;"><a href="#">车位B1</a></li>
					                        <li style="text-align: center;"><a href="#">车位B2</a></li>

					                    </ul>
					                </div>

                            	</td>
                            </tr>

                            <tr style="display: block;margin-bottom: 20px;margin-left: 70px;">
                                <td class="tdWidth " >车牌号码：</td>
                                <td >
                                    <input type="text" name="car_ID" placeholder="自动识别车牌号" class="form-control" readonly="readonly"/>
                                </td>
                            </tr>
                            
                            <tr style="display: block;margin-bottom: 20px;margin-left: 70px;">
                                <td class="tdWidth">入库时间：</td>
                                <td >
                                    <input type="text" id="inputTime" name="car_ID" placeholder="自动" class="form-control" readonly="readonly"/>
                                </td>
                                <!-- <td>
                                	<input class="form-control" type="datetime-local" name="enter_time" class="dateStyle" style="width:160px;" />
                                </td> -->
                            </tr>
                            



                            
                            <tr style="display: block;margin-bottom: 10px;">
                                <td class="tdWidth"></td>
                                <td>
                                    <!-- <input type="submit" onclick='location.href =( "./user-select.html")' value="登记" /> -->
                                    <!-- <a href="./user-select.html">登记</a> -->
                                    <input class="btn btn-primary"  type="button" value="登记" style="margin-left: 150px;" onclick="sub()">
                                   
                                </td>
                            </tr>
                        </table>
                    </form>
                </div>

            </div>
        </div> 
        </div>    
    
    

</body>

<script type="text/javascript">
	window.onload = function(){
		alert("请保证填写信息的真实性！");
	}
	var inputTime = document.getElementById("inputTime");
	var id=setInterval(function(){
			var date=new Date();
				var years=date.getFullYear();
				var months=date.getMonth();
				var days=date.getDate();
				var weeks=date.getDay();
				var date1=new Date(`${years}-${months+1}-${days}`);
				var times=date-date1;
				var hours=parseInt(times/1000/60/60);
				var minutes=parseInt(times/1000/60%60);
				var seconds=parseInt(times/1000%60);
				var zhou;
				switch(weeks){
					case 0:
						zhou="星期日";
						break;
					case 1:
						zhou="星期一";
						break;
					case 2:
						zhou="星期二";
						break;
					case 3:
						zhou="星期三";
						break;
					case 4:
						zhou="星期四";
						break;
					case 5:
						zhou="星期五";
						break;
					default:
						zhou="星期六";
						break;
				}
				if(seconds==1||seconds==2||seconds==3||seconds==4||seconds==5||seconds==6||seconds==7||seconds==8||seconds==9||seconds==0){
					seconds="0"+seconds;
				}
				if(minutes==1||minutes==2||minutes==3||minutes==4||minutes==5||minutes==6||minutes==7||minutes==8||minutes==9||minutes==0){
					minutes="0"+minutes;
				}
				if(Number(hours)>12){
					var a="PM"
					// hours=hours-12;
				}else{
					var a="AM"
				}
				if(hours==1||hours==2||hours==3||hours==4||hours==5||hours==6||hours==7||hours==8||hours==9){
					hours="0"+hours;
				}

			inputTime.value=years+"年"+months+"月"+days+"日"+" "+hours+":"+minutes+":"+seconds;
		},1000);
</script>
</html>